/* =========================================================
   PARIBOOK247 - ORIGINAL THEME VARIABLES
   Static Demo Version
   ========================================================= */

:root {
  --page-background: #090909;

  /* =======================================================
     PRIMARY / GRADIENT
     ======================================================= */

  --gradient-color-primary: #2f004e;
  --gradient-color-secondary: #2f004e;

  --ion-primary-gradient: linear-gradient(
    98.85deg,
    var(--gradient-color-primary) 3.56%,
    var(--gradient-color-secondary) 97.13%
  );

  --ion-color-primary: #ffa724;
  --ion-color-primary-rgb: 255, 167, 36;
  --ion-color-primary-contrast: #0a0d15;
  --ion-color-primary-contrast-rgb: 10, 13, 21;
  --ion-color-primary-shade: #e09320;
  --ion-color-primary-tint: #ffb03a;

  --ion-primary-border-color: #2f004e;

  /* =======================================================
     TABLE / MARKET
     ======================================================= */

  --markets-table-background: #eff4ff;
  --table-bg: #4a1131;
  --table-body-content: #ffffff;

  /* =======================================================
     SECONDARY
     ======================================================= */

  --ion-color-secondary: #37446e;
  --ion-color-secondary-rgb: 55, 68, 110;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #303c61;
  --ion-color-secondary-tint: #4b577d;

  /* =======================================================
     TERTIARY
     ======================================================= */

  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;

  /* =======================================================
     SUCCESS
     ======================================================= */

  --ion-color-success: #34a300;
  --ion-color-success-rgb: 52, 163, 0;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #2e8f00;
  --ion-color-success-tint: #48ac1a;

  /* =======================================================
     WARNING
     ======================================================= */

  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;

  /* =======================================================
     DANGER
     ======================================================= */

  --ion-color-danger: #ff0000;
  --ion-color-danger-rgb: 255, 98, 98;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #e05656;
  --ion-color-danger-tint: #ff7272;

  --ion-color-lost: #cf0a13;

  /* =======================================================
     DARK
     ======================================================= */

  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;

  /* =======================================================
     MEDIUM
     ======================================================= */

  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;

  /* =======================================================
     LIGHT
     ======================================================= */

  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;

  /* =======================================================
     SPORTS NAVIGATION
     ======================================================= */

  --ion-nav-card-background: var(--ion-color-primary);
  --ion-nav-card-text: #00061a;

  /* =======================================================
     HEADER
     ======================================================= */

  --ion-header-text-color: #828db9;
  --ion-header-text-color-rgb: 130, 141, 185;
  --ion-header-background: #090909;
  --ion-header-link-color: rgba(255, 255, 255, 0.6);

  /* =======================================================
     BACK / LAY
     ======================================================= */

  --back-odd-background: #b2d9ff;
  --back-odd-background-light: #89bce2;
  --back-odd-background-rgb: 151, 211, 255;

  --lay-odd-background: #ffc3dc;
  --lay-odd-background-rgb: 255, 173, 173;
  --lay-odd-background-light: rgba(255, 130, 130, 0.5);

  --premium-odd-background: #9bceff;
  --premium-tab-color: #fff;

  /* =======================================================
     TABLE
     ======================================================= */

  --table-headers-light: #fff;
  --headers-font-family: "Lato";

  --market-info-icons: #fff;

  /* =======================================================
     WHITE LABEL
     ======================================================= */

  --odd-btn-animation-color: #2f004e;
  --footer-text-color: #6a7394;
  --active-footer-color: #000;
  --nav-list-live-icon-color: #ff0000;

  /* =======================================================
     LOGO SIZES
     ======================================================= */

  --logo-xl-width: 176px;
  --logo-xl-height: 53px;

  --logo-lg-width: 176px;
  --logo-lg-height: 53px;

  --logo-md-width: 110px;
  --logo-md-height: 53px;

  --logo-sm-width: 92px;
  --logo-sm-height: 53px;

  --logo-xs-width: 92px;
  --logo-xs-height: 53px;

  --logo-web-height: 45px;
  --logo-mob-height: 40px;

  /* =======================================================
     LOGIN LOGO
     ======================================================= */

  --login-logo-xl-width: 130px;
  --login-logo-xl-height: 34px;

  --login-logo-sm-width: 106px;
  --login-logo-sm-height: 38px;

  /* =======================================================
     SIDEBAR
     ======================================================= */

  --sidebar-active-link-color: #212121;

  /* =======================================================
     DASHBOARD
     ======================================================= */

  --dashboard-ctn-background: #6800a8;
  --dashboard-provider-background: #2f004e;

  --dashboard-text-border-btm: linear-gradient(
    90deg,
    #2f004e 0%,
    rgba(255, 167, 36, 0) 100%
  );

  --dashboard-live-game-dc-card-ctn: linear-gradient(
    180deg,
    #090909 0%,
    #212121 100%
  );

  --linear-color-change: #2f004e;
  --home-unerline-linear-color-change: #2f004e;

  --events-table-broder-col: #00061a;

  --enabled-market-btn-col: linear-gradient(
    45deg,
    #090909 48.44%,
    #212121 48.45%
  );

  /* =======================================================
     FOOTER
     ======================================================= */

  --footer-ctn-background: #090909;

  --footer-vertical-gradient: linear-gradient(
    180deg,
    #090909 0%,
    #212121 100%
  );

  --icon-color: #ffffff;

  /* =======================================================
     THEMES
     ======================================================= */

  --th1-primary: #ffc019;
  --th1-bg: #303031;

  --th2-primary: #090909;
  --th2-bg: #f6f6f4;

  --th3-primary: #64d0b7;
  --th3-bg: #232035;

  --th4-primary: #6800a8;
  --th4-bg: #181429;

  --th5-primary: #53ade4;
  --th5-bg: #303031;

  --th6-primary: #db3732;
  --th6-bg: #202020;

  --th7-primary: #c73e8d;
  --th7-bg: #1a2538;

  --th8-primary: #c73e8d;
  --th8-bg: #303031;

  --th9-primary: #18bb4e;
  --th9-bg: #131416;

  --th10-primary: #a66a0e;
  --th10-bg: #131416;

  /* =======================================================
     IONIC BACKGROUND
     ======================================================= */

  --ion-background: #090909;

  /*
     THIS IS THE IMPORTANT ORIGINAL PAGE BACKGROUND
  */
  --ion-background-color: linear-gradient(#852157, #350165);

  --ion-background-color-rgb: 0, 20, 61;

  --ion-background-secondary: #212121;
  --ion-background-tertiary: #212121;

  /* =======================================================
     BUTTONS
     ======================================================= */

  --ion-button-color: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --ion-button-color-2: #ffffff;
  --ion-button-bg-2: #230021;
  --ion-selected-btn-bg-color: #000000;

  --bet-slip-btn: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  /* =======================================================
     CONTAINERS / CARDS
     ======================================================= */

  --background-ctn-gradient: #682049;
  --background-card: #682049;

  --team-info-background: #ffffff;

  --account-details-card-bg: #3e8d93;

  --input-template-bg: #3d4a62;
  --input-template-color: #ffffff;

  --input-label-border: #ffffff;
  --input-label-bg: #4a1131;

  --btn-disable-bg: #3d4a62;

  --card-details: #fff;

  --campaign-card-bg: #485f83;

  /* =======================================================
     SIDEBAR
     ======================================================= */

  --sidebar-icon-bg: var(--ion-color-primary);

  /* =======================================================
     TEXT
     ======================================================= */

  --ion-text-color: #090909;
  --ion-text-color-rgb: 0, 20, 61;

  --ion-text-light: #ffffff;
  --ion-text-light-rgb: 255, 255, 255;

  --ion-text-dark: #000000;
  --ion-text-dark-rgb: 10, 13, 21;

  --ion-text-color-contrast: #fff;
  --ion-text-color-contrast-rgb: 255, 255, 255;

  --ion-arrow: #ffffff;
  --ion-text-notification: #ffffff;
  --ion-text-market-notification: #ff0000;

  /* =======================================================
     CARD
     ======================================================= */

  --ion-card-background: #e4e8ed;
  --ion-card-text-color: #090909;
  --ion-card-background-contrast: #ffffff;

  --ion-card-border: 1px solid rgba(10, 13, 21, 0.1);
  --ion-card-border-color-rgb: 10, 13, 21;

  /* =======================================================
     MOBILE HEADER
     ======================================================= */

  --mob-header-bg: #4a1131;
  --mob-header-text: #ffffff;

  --mob-header-icon: invert(100%) sepia(0%) saturate(7484%)
    hue-rotate(223deg) brightness(105%) contrast(107%);

  --mob-header-active-bg: #4a1131;
  --mob-header-active-text: #ffffff;

  --mob-header-active-icon: invert(90%) sepia(77%)
    saturate(3206%) hue-rotate(109deg)
    brightness(104%) contrast(110%);

  --mob-header-border: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  /* =======================================================
     MARKETS
     ======================================================= */

  --enabled-market-bg: var(--ion-color-primary);
  --enabled-market-text: #000000;

  --arrow-color: #ffffff;

  /* =======================================================
     FANCY BUTTON
     ======================================================= */

  --fancy-book-btn: var(--ion-color-primary);
  --fancy-book-btn-text: #000000;

  /* =======================================================
     GRADIENT BACKGROUNDS
     ======================================================= */

  --linear-gradient-background-1: linear-gradient(
    88.06deg,
    var(--ion-background) 30%,
    var(--ion-color-primary) 86%
  );

  --linear-gradient-background-2: linear-gradient(
    90deg,
    #6800a8 0%,
    #45006f 100%
  );

  /* =======================================================
     CARD GRADIENT
     ======================================================= */

  --card-bg1: #094145;
  --card-bg2: #42370b;

  --card-bg: linear-gradient(
    284.37deg,
    var(--card-bg1) -213.61%,
    var(--card-bg2) 99.84%
  );

  /* =======================================================
     ACCORDION
     ======================================================= */

  --accoridan-summary-background: #fff;

  /* =======================================================
     BETSLIP
     ======================================================= */

  --table-header-background: var(--ion-background-color);
  --betslip-bg-color: #6800a8;

  --webkit-gradient-background-1: linear-gradient(
    88.06deg,
    var(--ion-background) 30%,
    var(--ion-color-primary) 86%
  );

  --webkit-gradient-background-2: linear-gradient(
    88.06deg,
    var(--ion-background) 30%,
    var(--ion-color-primary) 117.02%
  );

  /* =======================================================
     PREMIUM
     ======================================================= */

  --premium-vs-bg: #ffffff;

  --premium-vs-border: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --premium-vs-text: #ffffff;

  /* =======================================================
     FORM
     ======================================================= */

  --form-ctn-border: #04a0e2;
  --form-ctn-no-account-text: #a4d4d4;

  /* =======================================================
     DATE
     ======================================================= */

  --date-display-bg: var(--ion-background-color);
  --date-display-color: #ffffff;

  /* =======================================================
     CUSTOM BUTTON VARIANT 1
     ======================================================= */

  --custom-btn-bg-variant-1: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --custom-btn-text-variant-1: #000000;
  --custom-btn-border-variant-1: #ffffff;

  /* =======================================================
     CUSTOM BUTTON VARIANT 2
     ======================================================= */

  --custom-btn-bg-variant-2: #fcca1c;
  --custom-btn-text-variant-2: #000000;

  --custom-btn-icon-variant-2: invert(0%) sepia(10%)
    saturate(7499%) hue-rotate(294deg)
    brightness(97%) contrast(100%);

  --custom-btn-border-variant-2: #ffffff;

  /* =======================================================
     MY PROFILE
     ======================================================= */

  --myprofile-tab-img-bg: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --myprofile-tab-border: transparent;

  --myprofile-tab-border-selected: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  /* =======================================================
     REFERRAL
     ======================================================= */

  --referral-card-bg: #485f83;
  --referral-card-border: #ffffff;
  --referral-card-text: #ffffff;

  /* =======================================================
     TABS
     ======================================================= */

  --tab-passive-bg: transparent;
  --tab-passive-text: #ffffff;
  --tab-passive-border: #ffffff;

  --tab-active-bg: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --tab-active-text: #000000;
  --tab-active-border: #ffffff;

  /* =======================================================
     REPORTS
     ======================================================= */

  --reports-header-bg-color: #4a1131;
  --reports-subheader-bg-color: #4a1131;

  --reports-header-icon-color: invert(0%) sepia(79%)
    saturate(2316%) hue-rotate(112deg)
    brightness(106%) contrast(95%);

  --reports-header-icon-bg-color: #ffffff;
  --reports-header-color: #ffffff;
  --reports-header-border: #04a0e2;

  /* =======================================================
     HEAD
     ======================================================= */

  --head-bg: #4a1131;
  --head-text-1: #ffffff;
  --head-text-2: var(--ion-color-primary);
  --head-border: #4a1131;

  /* =======================================================
     CONTAINER
     ======================================================= */

  --container-bg: #4a1131;

  /* =======================================================
     TABLE CELLS
     ======================================================= */

  --table-head-cell-border: #04a0e2;
  --table-head-bg: #4a1131;

  --table-cell-bg: #4a1131;
  --table-cell-text: #ffffff;
  --table-cell-border: #4a1131;

  --table-subheader-bg: #4a1131;
  --table-subheader-text: #ffffff;

  /* =======================================================
     CUSTOM TABLE
     ======================================================= */

  --custom-table-body-row: #4a1131;
  --custom-table-body-color: #ffffff;
  --custom-table-body-border: #ffffff80;

  --custom-table-no-data-bg: #4a1131;
  --custom-table-no-data-text: #ffffff;
  --custom-table-no-data-border: #ffffff80;

  --stake-settings-indv-bg: #4a1131;

  /* =======================================================
     DASHBOARD
     ======================================================= */

  --dashboard-icon-bg: #ffffff;
  --dashboard-icon-color: #ffffff;
  --dashboard-text-color: #ffffff;

  /* =======================================================
     POPOVER
     ======================================================= */

  --ion-popover-background: #4a1131;
  --ion-popover--hover-background: #fff;
  --popover-background-active: #000000;

  /* =======================================================
     ACCORDION
     ======================================================= */

  --accordion-summary-root-background: #ffffff;
  --accordion-summary-root-expanded-background: #212121;
  --accordion-summary-root-text-color: var(--ion-text-color);
  --accordion-details-root-background: #ffffff;

  /* =======================================================
     ALL MARKETS
     ======================================================= */

  --am-accordion-summary-root-background: #e4e8ed;
  --am-accordion-summary-root-expanded-background: var(--ion-color-primary);
  --am-accordion-summary-root-text-color: var(--ion-text-color);
  --am-accordion-details-root-background: #ffffff;

  /* =======================================================
     SELECT
     ======================================================= */

  --select-element-background: var(--ion-popover--hover-background);
  --select-popover-background: var(--ion-popover-background);
  --select-popover-active-background: var(--ion-popover--hover-background);

  /* =======================================================
     DIALOG
     ======================================================= */

  --dialog-header-background: #212121;
  --dialog-content-background: #e4e8ed;
  --dialog-close-btn: #e4e8ed;

  --dialog-header-bg: #4a1131;
  --dialog-header-color: #ffffff;

  /* =======================================================
     NOTIFICATION
     ======================================================= */

  --notification-bg: linear-gradient(#852157, #350165);
  --notification-text: #000000;

  --notification-background-col: linear-gradient(
    180deg,
    #ff4fc1 0%,
    #ff00a5 25%,
    #d7028c 60%,
    #ff4fc1 100%
  );

  /* =======================================================
     DATE PICKER
     ======================================================= */

  --date-picker-container-background: #ffffff;
  --date-picker-header-button-background: #e4e8ed;
  --date-picker-selected-bg: #ffffff;

  /* =======================================================
     DRAWER
     ======================================================= */

  --drawer-background: #e4e8ed;
  --drawer-background-contrast: #ffffff;
  --drawer-text-color: #00143d;

  /* =======================================================
     INPUT
     ======================================================= */

  --input-background-color: #212121;
  --input-text-color: #0a0d15;
  --input-bg-color: #ffffff;

  /* =======================================================
     REPORTS
     ======================================================= */

  --reports-bg-color: #ffffff;
  --reports-title-color: var(--ion-color-primary);

  --filter-controls-border: rgba(180, 180, 180, 1);

  /* =======================================================
     SCORECARD
     ======================================================= */

  --score-card-details-color: var(--ion-color-primary);
  --score-card-background-color: #090909;

  /* =======================================================
     SIGNUP
     ======================================================= */

  --signup-card-background-color: #4a1131;
  --signup-font-color: #fff;

  /* =======================================================
     MARKETS ACCORDION
     ======================================================= */

  --accordian-headers-color: #fff;
  --accordian-arrow-bg: var(--ion-color-primary);
  --accordian-arrow-text: #fff;

  --section-border: #ffffff80;

  /* =======================================================
     PROVIDERS
     ======================================================= */

  --provider-blend-color: none;
  --scrollable-box: #222f44;

  /* =======================================================
     TABLE COLORS
     ======================================================= */

  --table-header: #4a1131;
  --table-sub-header: #4a1131;
  --market-table-bg: #4a1131;

  --border-color: #04a0e2;
  --active-text-color: #000000;

  --carousel-arrow-btn: #4a1131;

  /* =======================================================
     IMAGE ASSETS
     
     IMPORTANT:
     These paths are relative to:
     
     assets/css/variables.css
     
     ======================================================= */

  --deposit_web_banner: url(
    "../images/home_page/deposit_info/green_deposit.webp"
  );

  --deposit_mob_banner: url(
    "../images/home_page/deposit_info/green_mob_deposit.webp"
  );

  --provider-banner: url(
    "../images/home_page/provider_background.webp"
  );

  --login-background: url(
    "../images/common/loginBG.webp"
  );

  --login-mob-background: url(
    "../images/common/loginMobBG.webp"
  );

  --signup-bg: var(--ion-background);
}


/* =========================================================
   IONIC IOS DARK COLOR STEPS
   ========================================================= */

.ios body {
  --ion-color-step-50: #0d0d0d;
  --ion-color-step-100: #1a1a1a;
  --ion-color-step-150: #262626;
  --ion-color-step-200: #333333;
  --ion-color-step-250: #404040;
  --ion-color-step-300: #4d4d4d;
  --ion-color-step-350: #595959;
  --ion-color-step-400: #666666;
  --ion-color-step-450: #737373;
  --ion-color-step-500: #808080;
  --ion-color-step-550: #8c8c8c;
  --ion-color-step-600: #999999;
  --ion-color-step-650: #a6a6a6;
  --ion-color-step-700: #b3b3b3;
  --ion-color-step-750: #bfbfbf;
  --ion-color-step-800: #cccccc;
  --ion-color-step-850: #d9d9d9;
  --ion-color-step-900: #e6e6e6;
  --ion-color-step-950: #f2f2f2;
}


/* =========================================================
   IONIC MATERIAL DESIGN DARK COLOR STEPS
   ========================================================= */

.md body {
  --ion-color-step-50: #1e1e1e;
  --ion-color-step-100: #2a2a2a;
  --ion-color-step-150: #363636;
  --ion-color-step-200: #414141;
  --ion-color-step-250: #4d4d4d;
  --ion-color-step-300: #595959;
  --ion-color-step-350: #656565;
  --ion-color-step-400: #717171;
  --ion-color-step-450: #7d7d7d;
  --ion-color-step-500: #898989;
  --ion-color-step-550: #949494;
  --ion-color-step-600: #a0a0a0;
  --ion-color-step-650: #acacac;
  --ion-color-step-700: #b8b8b8;
  --ion-color-step-750: #c4c4c4;
  --ion-color-step-800: #d0d0d0;
  --ion-color-step-850: #dbdbdb;
  --ion-color-step-900: #e7e7e7;
  --ion-color-step-950: #f3f3f3;
}


/* =========================================================
   GLOBAL IONIC THEME
   ========================================================= */

ion-title {
  --color: #ffffff;
}

ion-item {
  --transition: none;
}


/* =========================================================
   BODY THEME
   ========================================================= */

.ios body,
.md body {

  --ion-color-primary: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --ion-background: #090909;

  /*
     ORIGINAL PARIBOOK247 BACKGROUND
  */
  --ion-background-color: linear-gradient(#852157, #350165);

  --ion-background-secondary: #212121;
  --ion-background-tertiary: #212121;

  --ion-button-color: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --ion-button-color-2: #ffffff;
  --ion-button-bg-2: #230021;
  --ion-selected-btn-bg-color: #000000;

  --table-bg: #4a1131;

  --background-ctn-gradient: #682049;
  --background-card: #682049;

  --team-info-background: #ffffff;

  --bet-slip-btn: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --account-details-card-bg: #3e8d93;

  --input-template-bg: #3d4a62;
  --input-template-color: #ffffff;

  --input-label-border: #ffffff;
  --input-label-bg: #4a1131;

  --btn-disable-bg: #3d4a62;

  --card-details: #fff;

  --sidebar-icon-bg: var(--ion-color-primary);

  --pl-total: #ffffff;

  --campaign-card-bg: #485f83;

  --dashed-border: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --ion-heading-color: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  /* =======================================================
     BETSLIP TABS
     ======================================================= */

  --bet-slip-tab-unsel-bg: #000000;
  --bet-slip-tab-unsel-text: #ffffff;

  /* =======================================================
     PREMIUM
     ======================================================= */

  --premium-vs-bg: #ffffff;

  --premium-vs-border: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --premium-vs-text: #ffffff;

  /* =======================================================
     FORM
     ======================================================= */

  --form-ctn-border: #04a0e2;
  --form-ctn-no-account-text: #a4d4d4;

  /* =======================================================
     DATE
     ======================================================= */

  --date-display-bg: var(--ion-background-color);
  --date-display-color: #ffffff;

  /* =======================================================
     CUSTOM BUTTONS
     ======================================================= */

  --custom-btn-bg-variant-1: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --custom-btn-text-variant-1: #000000;
  --custom-btn-border-variant-1: #ffffff;

  --custom-btn-bg-variant-2: #fcca1c;
  --custom-btn-text-variant-2: #000000;

  --custom-btn-border-variant-2: #ffffff;

  /* =======================================================
     TABS
     ======================================================= */

  --tab-passive-bg: transparent;
  --tab-passive-text: #ffffff;
  --tab-passive-border: #ffffff;

  --tab-active-bg: linear-gradient(
    to right,
    #f19100,
    #ffc928,
    #f7cd37,
    #f19100
  );

  --tab-active-text: #000000;
  --tab-active-border: #ffffff;

  /* =======================================================
     REPORTS
     ======================================================= */

  --reports-header-bg-color: #4a1131;
  --reports-subheader-bg-color: #4a1131;

  --reports-header-icon-bg-color: #ffffff;

  --reports-header-color: #ffffff;
  --reports-header-border: #04a0e2;

  /* =======================================================
     HEAD
     ======================================================= */

  --head-bg: #4a1131;
  --head-text-1: #ffffff;
  --head-text-2: var(--ion-color-primary);
  --head-border: #4a1131;

  /* =======================================================
     CONTAINER
     ======================================================= */

  --container-bg: #4a1131;

  /* =======================================================
     TABLE
     ======================================================= */

  --table-head-cell-border: #04a0e2;
  --table-head-bg: #4a1131;

  --table-cell-bg: #4a1131;
  --table-cell-text: #ffffff;
  --table-cell-border: #4a1131;

  --table-subheader-bg: #4a1131;
  --table-subheader-text: #ffffff;

  --custom-table-body-row: #4a1131;
  --custom-table-body-color: #ffffff;
  --custom-table-body-border: #ffffff80;

  --custom-table-no-data-bg: #4a1131;
  --custom-table-no-data-text: #ffffff;
  --custom-table-no-data-border: #ffffff80;

  --stake-settings-indv-bg: #4a1131;

  /* =======================================================
     MOBILE HEADER
     ======================================================= */

  --mob-header-bg: #4a1131;
  --mob-header-text: #ffffff;
  --mob-header-active-bg: #4a1131;
  --mob-header-active-text: #ffffff;

  /* =======================================================
     MARKETS
     ======================================================= */

  --enabled-market-bg: var(--ion-color-primary);
  --enabled-market-text: #000000;

  --arrow-color: #ffffff;

  --fancy-book-btn: var(--ion-color-primary);
  --fancy-book-btn-text: #000000;

  /* =======================================================
     ACCORDIONS
     ======================================================= */

  --accordion-summary-root-background: #ffffff;
  --accordion-summary-root-expanded-background: #212121;
  --accordion-summary-root-text-color: var(--ion-text-color);
  --accordion-details-root-background: #ffffff;

  /* =======================================================
     POPUP
     ======================================================= */

  --ion-popover-background: #4a1131;
  --ion-popover--hover-background: #fff;
  --popover-background-active: #000000;

  /* =======================================================
     DIALOG
     ======================================================= */

  --dialog-header-background: #212121;
  --dialog-content-background: #e4e8ed;
  --dialog-close-btn: #e4e8ed;
  --dialog-header-bg: #4a1131;
  --dialog-header-color: #ffffff;

  /* =======================================================
     NOTIFICATION
     ======================================================= */

  --notification-bg: linear-gradient(
    #852157,
    #350165
  );

  --notification-text: #000000;

  /* =======================================================
     DRAWER
     ======================================================= */

  --drawer-background: #e4e8ed;
  --drawer-background-contrast: #ffffff;
  --drawer-text-color: #00143d;

  /* =======================================================
     INPUT
     ======================================================= */

  --input-background-color: #212121;
  --input-text-color: #0a0d15;
  --input-bg-color: #ffffff;

  /* =======================================================
     SCORECARD
     ======================================================= */

  --score-card-details-color: var(--ion-color-primary);
  --score-card-background-color: #090909;

  /* =======================================================
     SIGNUP
     ======================================================= */

  --signup-card-background-color: #4a1131;
  --signup-font-color: #fff;

  /* =======================================================
     MARKETS
     ======================================================= */

  --accordian-headers-color: #fff;
  --accordian-arrow-bg: var(--ion-color-primary);
  --accordian-arrow-text: #fff;

  --section-border: #ffffff80;

  --provider-blend-color: none;

  --scrollable-box: #222f44;

  --table-header: #4a1131;
  --table-sub-header: #4a1131;
  --market-table-bg: #4a1131;

  --border-color: #04a0e2;
  --active-text-color: #000000;
  --carousel-arrow-btn: #4a1131;
}